


/* mobile view portrait */
@media only screen and (max-width: 767px) {
    #mp #mp-locations-panel .panel-body,
	#mp #mp-services-panel .panel-body{
		width: 100%;
	}
	#mp-locations-panel li .mp-location-panel h4.panel-title .mp-col6 label{
		float: right;
	}
	#mp #mp-locations-panel .mp-locations-details i.fa-th-list{
		margin-right: 0px !important;
	}
	#mp #mp-locations-panel .mp-create-location-table tbody tr td label,
	#mp #mp-staff-panel .mp-member-image-uploader img.mp-staff-image,
	#mp .mp-custom-checkbox ul.mp-checkbox-list{
		float: right !important;
	}
	#mp #mp-locations-panel .mp-location-image-uploader i.mp-camera-icon-common.fa-camera{
		left: -62px !important;
	}
	#mp #mp-locations-panel .mp-location-image-uploader i.fa-plus-circle{
		right: -3px;
	}
	#mp #mp-main-navigation .navbar .nav.mp-nav-tab li,
	#mp #mp-services-panel .mp-create-service-table tbody tr td{
		text-align: right !important;
	}
	#mp #mp-service-addon-panel .panel-heading .panel-title .badge, 
	#mp #mp-services-panel .panel-heading .panel-title .badge{
		margin: 0px 0px !important;
	}
	#mp #mp-services-panel #sortable-services li .mp-col1{
		left: 55px;
	}
	#mp-services-panel .mp-services-right-details .mp-services-panel .pull-right .popover.fade.left.in{
		top: -117px !important;
		left: -50px !important;
	}
	#mp-services-panel .mp-services-right-details .mp-services-panel .pull-right .popover.fade.left.in .arrow{
		left: 100px;
		top: 109px !important;
		transform: rotate(90deg);
	}
	#registered-customers-listing #registered-client-table #mp_registered_list span.dtr-data .popover.fade.left.in .arrow{
		transform: rotate(90deg);
		top: 110px !important;
		right: 230px;
	}
	button#mp_create_service_addons,
	#mp-services-panel ul li .service_detail .btn-success.mp-btn-width.update_service{
		margin-right: 0px !important;
	}
	 #mp-staff-panel .mp-staff-container .popover.fade.bottom.in{
		width: 315px !important;
	}
	#mp #mp-staff-panel .mp-staff-right-details table.mp-staff-common-table tbody tr td{
		width: 95% !important;
	}
	#mp #mp-staff-panel .mp-member-image-uploader i.fa-plus-circle{
		right: -3px;
		left: unset !important;
	}
	#mp #mp-staff-panel .mp-member-image-uploader i.mp-camera-icon-common.fa-camera{
		right: 16px;
		left: unset !important;
	}
	#member-availabilty ul#mp-staff-timing li label.mp-col2 div.toggle{
		right: 50px;
		left: unset !important;
	}
	#registered-customers-listing #registered-client-table #mp_registered_list span.dtr-data .popover.fade.left.in{
		top: -23.017px !important;
		right: 0px;
	}
	#mp #mp-moveto-welcome .mp-welcome-main .mp-into-text{
		margin-right: 0px !important;
	}
	#mp #mp-moveto-welcome .mp-welcome-main{
		padding: 13px 20px 10px 20px !important;
	}
	#mp #mp-moveto-welcome .mp-welcome-main h1{
		margin-top: 45px;
	}
	#mp #mp-moveto-welcome .mp-welcome-main .mp-moveto-badge{
		top: 10px !important;
	}
} 


/* mobile view landscape */
@media only screen and (max-width: 767px) and (orientation : landscape){
	#booking-details .vertical-alignment-helper .modal-footer .mp-footer-popup-btn{
		display: flex;
	}
	#mp-locations-panel .location_detail button.btn-default.mp-btn-width.ml-30,
	#mp-locations-panel .location_detail .btn-success.update_location,
 	#mp-locations-panel .mp-add-new-location .location_detail form#mp_create_location_cl a#mp_create_location,
	#mp-services-panel ul li .service_detail .btn.btn-default.mp-btn-width.ml-30,
	#mp-services-panel ul li .service_detail button#mp_create_service,
	#email-setting .mp-email-settings .mp-common-table tfoot{
		float: right !important;
	}
	#mp #mp-locations-panel .panel-default .panel-body .mp-location-collapse-div.col-xs-12{
		padding: 5px;
	}
	#mp-service-addon-panel .panel-body{
		width: 100%;
	}
	#mp-service-addon-panel .mp-add-new-service .service_detail  .panel-body,
	#mp-settings #sms-reminder .collapse_moveto_sms_reminder_status .mp-sms-gateway tbody tr th{
		text-align: right;
	}
	#mp #mp-services-panel #sortable-services li .mp-col1{
		margin-top: 5px;
	}
	#registered-customers-listing #registered-client-table #mp_registered_list span.dtr-data .popover.fade.left.in{
		top: -111.017px !important;
		right: 16px;
	}
}


/* Ipad view landscape */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	#mp #mp-main-navigation .navbar-header{
		float: right !important;
	}
	#mp #mp-main-navigation .navbar-toggle{
		top: 10px;
	}
	#mp-payments .tab-pane.fade.in .col-lg-2{
		float: left !important;
	}
	#mp #mp-customers-listing .dataTables_wrapper #registered-client-table_length.dataTables_length,
	#mp #mp-payments #payments-details_wrapper #payments-details_length.dataTables_length{
		margin-left: 90px !important;
	}
 	#registered-customers-listing #registered-client-table #mp_registered_list .mp-bookings-td .popover.fade.left.in .arrow{
		transform: rotate(180deg);
		right: 200px;
	}
	#registered-customers-listing #registered-client-table #mp_registered_list .mp-bookings-td .popover.fade.left.in{
		left: 140.25px !important;
	}
	#mp #mp-locations-panel .mp-locations-details i.fa-th-list{
		margin-left: 0px !important;
	}
	#mp-settings .mp-setting-details{
		width: 77%;
	}
	#mp-settings #sms-reminder .collapse_moveto_sms_reminder_status .mp-sms-gateway tbody tr th{
		text-align: right;
	}
	#mp-settings #promocode .nav-tabs > li,
	#mp-services-panel .mp-service-details .mp-service-top-header .mp-service-service-name{
		float: right;
	}
	#mp #mp-services-panel #sortable-services li .mp-col1{
		margin-top: 5px;
	}
	#mp-services-panel #mp_category_listing #mp-add-new-category{
		margin: 10px 0px;
	}
	#mp-services-panel #mp_category_listing ul.mp-left-services,
	#mp-services-panel #mp_category_listing ul.mp-left-services li.mp_category_services,
	#mp #mp-services-panel .mp-service-list .mp-left-service li.mp-left-service-menu-li{
		display: inline-block !important;
	}
	#mp #mp-services-panel ul#sortable-services li .mp-col1 .popover{
		left: 50px !important;
	}
	#mp #mp-services-panel ul#sortable-services li .mp-col1 .popover .arrow{
		left: 25px;
		right: unset !important;
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	#mp #mp-services-panel .panel-default.mp-services-panel .panel-body{
		display: contents;
	}
	#mp #mp-services-panel .mp-services-panel .panel-title span.mp-service-title-name{
		width: 70% !important;
		padding: 0px 8px;
	}
	#booking-info-export #mp_export_bookings_wrapper #mp_export_bookings_length,
	#booking-info-export #staff-info-table_wrapper #staff-info-table_length{
		display: inline-block;
		float: left;
		margin-left: 85px;
	}
	#mp-dashboard .mp-bookings-activity .mp-latest-activity .mp-today-list-actions .mp-past-booking-button .pull-right{
		float: left !important;
	}
}



/* Ipad view landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	#mp-payments .daterangepicker.opensright:before,
	#mp-payments .daterangepicker.opensright:after{
		right: 20px;
		left: unset !important;
	}
	.admin_page_payments_submenu .daterangepicker.dropdown-menu,
	.admin_page_appointments_submenu .daterangepicker.dropdown-menu{
		width: 265px;
	}
	#mp-settings .mp-setting-details{
		width: 82.70%;
	}
	#mp-locations-panel #accordion li .mp-location-panel .location_detail .mp-location-collapse-div,
	#mp-locations-panel #accordion li .mp-location-panel .location_detail .panel-body .mb-20{
		width: 80% !important;
	}
	.admin_page_export_submenu .daterangepicker.dropdown-menu{
		z-index: 99999;
	}
	.admin_page_export_submenu .daterangepicker.opensright:before,
	.admin_page_export_submenu .daterangepicker.opensright:after{
		right: 70px !important;
		left: unset !important;
	}
	#mp #mp-services-panel .mp-service-list h3.popover-title{
		text-align: right;
	}
	#mp #mp-services-panel #sortable-services li .mp-add-new-service .mp-show-hide.pull-right{
		right: unset !important;
	}
	#mp #mp-services-panel .mp-services-panel.mp-add-new-service .panel-title span.mp-service-title-name{
		float: right !important	;
	}
	#mp #mp-services-panel .mp-services-panel.mp-add-new-service .detail-id_addservice button#mp_create_service{
		margin-left: unset !important;
	}
	#mp-services-panel ul li .service_detail .mp-service-collapse-div table.mp-create-service-table .form-inline .input-group{
		width: 49% !important;
	}
}